<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				border: 1px solid red;
				width: 200px;
				height: 200px;
				/*position(定位属性)，属性值static是他的默认值，
				 * 表示元素出现在原始位置
				position: static;*/
				/*相对定位，将position属性的属性值设定为relative。
				 * 移动元素位置要四个方向属性
				 * left，tight，top，bottom，都是按像素计算距离
				 * 使用之前必须给元素添加定位。
				 * 
				 * 相对于元素本身初始的位置进行定位
				
				position: relative;
				left: 50px;
				top: 200px;*/
				
				
				/*绝对定位，将position属性值设定为absolute，
				 绝对定位是将元素绝对的定位到页面的某一个位置上
				 绝对定位会将元素得显示优先级提升一级
				 通过四个方向属性定位
				position: absolute;
				bottom: 100px;
				left: 100px;*/
				
				
				
				/*将元素优先级调整回原来得优先级*/
				/*显示优先级属性：z-index，属性值时整数类型
				 所有得元素初始显示优先级都是0
				 只能给添加定位得元素使用
				 z-index：0px；*/
				
				/*绝对定位会将元素得显示优先级提升一级*/
				
				/*固定定位，将position属性值设定为fixed，
				 固定定位是将元素固定的显示到页面中，并且可以直接设定
				 距离右边和距离下边的像素值。
				 也是通过四个方向属性定位
				position: fixed;
				left: 200px;
				bottom: 00px;
				background-color: red;*/
				
			}
			
		</style>
	</head>
	<body>
		<p>一位老爸在路过女儿的房间时听见女儿说</p>
		<p>奶奶晚安，爷爷晚安，爸爸晚安，妈妈晚安</p>
		<p>第二天奶奶去世了</p>
		<p>第二天晚上女儿的房间时听见女儿说</p>
		<p>第三天爷爷去世了</p>
		<p>第三天晚上女儿的房间时听见女儿说</p>
		<p>爸爸晚安，妈妈晚安</p>
		<p>这时爸爸开始慌了，想了半夜，不知道怎么办，一夜没睡
		并且跟家人都写了一封遗书</p>
		<p>第四天，妈妈哭得像个泪人，但是爸爸却没事儿</p>
		<p>问妈妈，你怎么了？</p>
		<p>一位老爸在路过女儿的房间时听见女儿说</p>
		<p>奶奶晚安，爷爷晚安，爸爸晚安，妈妈晚安</p>
		<p>第二天奶奶去世了</p>
		<p>第二天晚上女儿的房间时听见女儿说</p>
		<p>第三天爷爷去世了</p>
		<p>第三天晚上女儿的房间时听见女儿说</p>
		<p>爸爸晚安，妈妈晚安</p>
		<p>这时爸爸开始慌了，想了半夜，不知道怎么办，一夜没睡
		并且跟家人都写了一封遗书</p>
		<p>第四天，妈妈哭得像个泪人，但是爸爸却没事儿</p>
		<p>问妈妈，你怎么了？</p>
		<p>一位老爸在路过女儿的房间时听见女儿说</p>
		<p>奶奶晚安，爷爷晚安，爸爸晚安，妈妈晚安</p>
		<p>第二天奶奶去世了</p>
		<p>第二天晚上女儿的房间时听见女儿说</p>
		<p>第三天爷爷去世了</p>
		<p>第三天晚上女儿的房间时听见女儿说</p>
		<p>爸爸晚安，妈妈晚安</p>
		<p>这时爸爸开始慌了，想了半夜，不知道怎么办，一夜没睡
		并且跟家人都写了一封遗书</p>
		<p>第四天，妈妈哭得像个泪人，但是爸爸却没事儿</p>
		<p>问妈妈，你怎么了？</p>
		<p>一位老爸在路过女儿的房间时听见女儿说</p>
		<p>奶奶晚安，爷爷晚安，爸爸晚安，妈妈晚安</p>
		<p>第二天奶奶去世了</p>
		<p>第二天晚上女儿的房间时听见女儿说</p>
		<p>第三天爷爷去世了</p>
		<p>第三天晚上女儿的房间时听见女儿说</p>
		<p>爸爸晚安，妈妈晚安</p>
		<p>这时爸爸开始慌了，想了半夜，不知道怎么办，一夜没睡
		并且跟家人都写了一封遗书</p>
		<p>第四天，妈妈哭得像个泪人，但是爸爸却没事儿</p>
		<p>问妈妈，你怎么了？</p>
		<p>一位老爸在路过女儿的房间时听见女儿说</p>
		<p>奶奶晚安，爷爷晚安，爸爸晚安，妈妈晚安</p>
		<p>第二天奶奶去世了</p>
		<p>第二天晚上女儿的房间时听见女儿说</p>
		<p>第三天爷爷去世了</p>
		<p>第三天晚上女儿的房间时听见女儿说</p>
		<p>爸爸晚安，妈妈晚安</p>
		<p>这时爸爸开始慌了，想了半夜，不知道怎么办，一夜没睡
		并且跟家人都写了一封遗书</p>
		<p>第四天，妈妈哭得像个泪人，但是爸爸却没事儿</p>
		<p>问妈妈，你怎么了？</p>
		<p>一位老爸在路过女儿的房间时听见女儿说</p>
		<p>奶奶晚安，爷爷晚安，爸爸晚安，妈妈晚安</p>
		<p>第二天奶奶去世了</p>
		<p>第二天晚上女儿的房间时听见女儿说</p>
		<p>第三天爷爷去世了</p>
		<p>第三天晚上女儿的房间时听见女儿说</p>
		<p>爸爸晚安，妈妈晚安</p>
		<p>这时爸爸开始慌了，想了半夜，不知道怎么办，一夜没睡
		并且跟家人都写了一封遗书</p>
		<p>第四天，妈妈哭得像个泪人，但是爸爸却没事儿</p>
		<p>问妈妈，你怎么了？</p>
		<p>一位老爸在路过女儿的房间时听见女儿说</p>
		<p>奶奶晚安，爷爷晚安，爸爸晚安，妈妈晚安</p>
		<p>第二天奶奶去世了</p>
		<p>第二天晚上女儿的房间时听见女儿说</p>
		<p>第三天爷爷去世了</p>
		<p>第三天晚上女儿的房间时听见女儿说</p>
		<p>爸爸晚安，妈妈晚安</p>
		<p>这时爸爸开始慌了，想了半夜，不知道怎么办，一夜没睡
		并且跟家人都写了一封遗书</p>
		<p>第四天，妈妈哭得像个泪人，但是爸爸却没事儿</p>
		<p>问妈妈，你怎么了？</p>
		<p>一位老爸在路过女儿的房间时听见女儿说</p>
		<p>奶奶晚安，爷爷晚安，爸爸晚安，妈妈晚安</p>
		<p>第二天奶奶去世了</p>
		<p>第二天晚上女儿的房间时听见女儿说</p>
		<p>第三天爷爷去世了</p>
		<p>第三天晚上女儿的房间时听见女儿说</p>
		<p>爸爸晚安，妈妈晚安</p>
		<p>这时爸爸开始慌了，想了半夜，不知道怎么办，一夜没睡
		并且跟家人都写了一封遗书</p>
		<p>第四天，妈妈哭得像个泪人，但是爸爸却没事儿</p>
		<p>问妈妈，你怎么了？</p>
		<p>一位老爸在路过女儿的房间时听见女儿说</p>
		<p>奶奶晚安，爷爷晚安，爸爸晚安，妈妈晚安</p>
		<p>第二天奶奶去世了</p>
		<p>第二天晚上女儿的房间时听见女儿说</p>
		<p>第三天爷爷去世了</p>
		<p>第三天晚上女儿的房间时听见女儿说</p>
		<p>爸爸晚安，妈妈晚安</p>
		<p>这时爸爸开始慌了，想了半夜，不知道怎么办，一夜没睡
		并且跟家人都写了一封遗书</p>
		<p>第四天，妈妈哭得像个泪人，但是爸爸却没事儿</p>
		<p>问妈妈，你怎么了？</p>
		<div id="">
			
			
			div1
		</div>
		<div id="">
			div2
		</div>
	</body>
</html>
